<div id="zt-favoritedishes" class="clearfix">
    <div class="zt-wrapper">
        <div id="zt-favoritedishes-inner">
            <h3 class="moduletitle"><span>Favorite Dishes</span></h3>

            <div class="modulecontent">
                <div class="modulecontent-inner">
                    <script type="text/javascript">
                        window.addEvent('load', function () {
                            var slid85 = new noobSlide({
                                box:$('jvcarousel85'),
                                items:document.getElements('.jvcarousel-slide85', 'jvcarousel85'),
                                size:862,
                                handles:document.getElements('.handles_item85', 'handles85'),
                                interval:5000,
                                play:function (delay, direction, wait) {
                                    delay: 100;
                                    direction: "next";
                                    wait: true;
                                },
                                onWalk:function (currentItem, currentHandle) {
                                    this.handles.removeClass('active');
                                    currentHandle.addClass('active');
                                },
                                autoPlay:1        });
                            slid85.addActionButtons('previous', document.getElements('.pre85', 'handles85'));
                            slid85.addActionButtons('next', document.getElements('.next85', 'handles85'));
                            slid85.play;
                        });
                    </script>
                    <div class="mod_jvjorda2_headline" style="height: 185px;">
                        <p class="buttons handles" id="handles85">
                            <span id="pre" class="pre pre85">&nbsp;</span><span id="handles_item" class="handles_item85 active"> </span>
                            <span id="handles_item" class="handles_item85 "></span><span id="next" class="next next85">&nbsp;</span>
                        </p>

                        <div class="jvcarousel_frame" style="height: 185px; width: 862px;">
                            <div style="width: 1724px; left: 0px;" class="jvcarousel" id="jvcarousel85">


                                <?php
                                    if (isset($banners)) {
                                    $cols = 4; $i = 0;
                                ?>
                                <?php foreach ($banners as $banner) {
                                    $brow = ""; $erow = "";
                                    if($i%$cols == 0) $brow = "<div id='jvcarousel-slide' class='jvcarousel-slide85' style='width: 862px;'>";
                                echo $brow;
                                ?>
                                <div class="jvcarousel-item" style="width: 215.5px;">
                                    <a href="<?php echo $banner['link']; ?>" style="cursor: pointer;">
                                        <img alt="<?php echo $banner['title']; ?>" src="<?php echo $banner['image']; ?>" border="0">
                                    </a>
                                </div>
                                <?php
                                if($i%$cols == ($cols-1) || ($i+1 == count($banners))) $erow = "</div>";
                                echo $erow;
                                ?>
                                <?php $i++; } ?>
                                <?php } ?>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>